$layout-menu-width: 204px;
$layout-nav-height: 72px;
$layout-play-height: 80px;
$icon-color-default: #7b8290;
$icon-color-active: #283248;
// $layout-aside-fold-width: 70px;
// $layout-aside-bgColor: #333;

// $layout-top-height: 70px;
// $layout-top-bgColor: rgb(255, 255, 255);

// $layout-main-bgColor: #ececec;

// $logo-fontSize: 20px;
// $logo-bgColor: rgb(168, 168, 168);

@mixin fold() {
    transition: .2s ease;
}

@mixin border-1() {
    border: 1px solid var(--navbar-icon-border-color);
    border-radius: 8px;
}

@mixin flex-item-center() {
    display: flex;
    align-items: center;
}

@mixin flex-justify-center() {
    display: flex;
    justify-content: center
}

@mixin flex-center() {
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin no-scrollbar() {
    &::-webkit-scrollbar {
        display: none;
    }
}

@mixin text-ellipsis($lines: 1, $width: null) {

    // 如果指定了宽度，则设置宽度
    @if $width !=null {
        width: $width;
    }

    // 文本溢出显示为省略号
    overflow: hidden;
    text-overflow: ellipsis;

    // 单行显示
    @if $lines ==1 {
        white-space: nowrap;
    }

    // 多行显示
    @else {
        -webkit-line-clamp: $lines;
        -webkit-box-orient: vertical;
    }
}